<template>
  <div id="app">
		<router-view></router-view>
  </div>
</template>

<script>

export default {
}
</script>

<style lang="scss">
@import 'assets/css/base.scss';
@font-face {
  font-family: 'iconfont';  /* project id 1184559 */
  src: url('//at.alicdn.com/t/font_1184559_wyihfaq6v3o.eot');
  src: url('//at.alicdn.com/t/font_1184559_wyihfaq6v3o.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1184559_wyihfaq6v3o.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1184559_wyihfaq6v3o.woff') format('woff'),
  url('//at.alicdn.com/t/font_1184559_wyihfaq6v3o.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1184559_wyihfaq6v3o.svg#iconfont') format('svg');
}
.iconfont{
	font-family: 'iconfont';
	font-style: normal;
}
html,body,#app{
	height: 100%;
}
body{
	margin: 0;
	background: #f2edf3;
	color: $content;
	font-size: 14px;
}
input,button,textarea{
	outline: 0;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	&>div{
		height: 100%;
	}
}
.primary{
	color: $primary;
}
.danger{
	color: $danger!important;
}
.bg-danger{
	background: $gradient-danger!important;
	color:#fff;
}
.bg-info{
	background: $gradient-info!important;
	color:#fff;
}
.bg-success{
	background: $gradient-success!important;
	color:#fff;
}
.bg-warning{
	background: $gradient-warning!important;
	color:#fff;
}
.gradient-primary{
	background: $gradient-primary!important;
	color: #fff!important;
}
.gradient-danger{
	background: $gradient-danger!important;
	color: #fff;
}
.gradient-info{
	background: $gradient-info!important;
	color: #fff;
}
.gradient-success{
	background: $gradient-success!important;
	color: #fff;
}
.gradient-warning{
	background: $gradient-warning!important;
	color: #fff;
}
.gray{
	color: $gray;
}
h1,h2,h3,h4,h5,h6{
	margin: 0;
}
a{
	color: inherit;
	text-decoration: none;
}
.pointer{
	cursor: pointer;
}
.mask{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}
ul{
	padding: 0;
	list-style: none;
	margin: 0;
}
.line-1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.flex{
	display: flex;
}
.flex-0-0-auto{
	flex: 0 0 auto;
}
.ai-center{
	align-items: center;
}
.ai-end{
	align-items: flex-end;
}
.jc-end{
	justify-content: flex-end;
}
.jc-between{
	justify-content: space-between;
}
.ml-20{
	margin-left: 20px!important;
}
.mr-10{
	margin-right: 10px!important;
}
.mr-5{
	margin-right: 5px!important;
}
.mr-20{
	margin-right: 20px!important;
}
.mb-30{
	margin-bottom: 30px!important;
}
.mb-20{
	margin-bottom: 20px!important;
}
.mb-10{
	margin-bottom: 10px!important;
}
.mt-30{
	margin-top: 30px!important;
}
.status{
	padding: .3em .5em;
	border-radius: 5px;
	display: inline-block;
}
.btn{
	justify-content: center;
	cursor: pointer;
	outline: 0;
	&[data-disbaled="true"]{
		background: $gray!important;
		cursor: default;
	}
}
.btn, .input-wraper input, .input-wraper select, .input-wraper textarea, .file-input-wraper{
	border-radius: 5px;
	height: $form-height-base;
	display: inline-flex;
	align-items: center;
	padding: 0 $padding-base;
}
.input-wraper textarea{
	padding: $padding-base;
	min-height: 100px;
}
select{
	border: solid 1px #ebedf2;
}
.pointer{
	cursor: pointer;
}
.input-wraper{
	margin: 20px 0 0;
	label{
		color: $gray;
		margin-bottom: 10px;
		display: block;
	}
	input, select, textarea, .file-input-wraper{
		border: solid 1px #ebedf2;
		width: 100%;
		flex: 1 1 auto;
		box-sizing: border-box;
		outline: 0;
	}
}
.file-input-wraper{
	position: relative;
	input{
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
}
/*加载中图标*/
.spin{
	display: inline-block;
	animation: spin linear infinite 1s;
}
@keyframes spin{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(359deg)}
}
/*加载中图标*/
/* mavon-editor */
.markdown-body .shadow,
.op-icon.dropdown-wrapper.dropdown .popup-dropdown{
	box-shadow: 0 0px 1px rgba(0,0,0,0.157), 0 0px 1px rgba(0,0,0,0.227)!important;
}
.op-icon.dropdown-wrapper.dropdown .popup-dropdown{
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1)!important;
	border-radius: 5px;
}
.op-icon.dropdown-wrapper.dropdown .dropdown-item:hover{
	background-color: #f8f9fa!important;
}
.v-note-wrapper .v-note-panel .v-note-navigation-wrapper .v-note-navigation-title.shadow{
	box-shadow: none!important;
}
.markdown-body .content-input-wrapper,
.markdown-body .v-show-content,
.markdown-body .v-show-content-html{
	padding: 20px!important;
}
.v-note-wrapper{
	min-height: 500px!important;
	z-index: 90!important;
}
/* mavon-editor */
.scroll-bar-custom{
	overflow-y: auto;
	&::-webkit-scrollbar {
		background: none;
		width: 6px;
	}
	&::-webkit-scrollbar-thumb{
		background: rgba(0,0,0,.1);
		border-radius: 3px;
	}
}
</style>
